<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <style>
        body {
            background-image: url("/static/error.png"); /* 替换为你的图片链接或者文件路径 */
            background-repeat: repeat; /* 禁止图片重复 */
            background-size: cover; /* 调整图片大小以覆盖整个背景 */
        }
        .container {
            height: 100vh; /* Make container full height */
            display: flex;
            justify-content: center;
            align-items: center;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="content text-center">
        <h1 class="display-4">错误！</h1>
        <p class="lead">糟糕！出了点问题。</p>
        <button class="btn btn-primary" onclick="goBack()">返回</button>
    </div>
</div>
<!-- Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script>
    function goBack() {
        window.history.back();
    }
</script>
</body>
</html>
